<!DOCTYPE html>
<html lang="zh">
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
        <title>Test Page | Dirac Lee</title><meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="robots" content="noodp" />
<meta name="Description" content="This is a test page."><link rel="next" href="https://diraclee.gitee.io/2019/08/basic-markdown-preview/" /><link rel="canonical" href="https://diraclee.gitee.io/2019/08/test/" />
<link rel="shortcut icon" type="image/x-icon" href="/favicon.ico" />
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<link rel="manifest" href="/site.webmanifest">
<link rel="mask-icon" href="/safari-pinned-tab.svg" color="#5bbad5">
<meta name="msapplication-TileColor" content="#da532c">
<meta name="theme-color" content="#ffffff"><meta property="og:title" content="Test Page" />
<meta property="og:description" content="This is a test page." />
<meta property="og:type" content="article" />
<meta property="og:url" content="https://diraclee.gitee.io/2019/08/test/" />
<meta property="article:published_time" content="2019-08-04T22:49:56+08:00" />
<meta property="article:modified_time" content="2019-08-17T22:41:56+08:00" />
<meta name="twitter:card" content="summary"/>
<meta name="twitter:title" content="Test Page"/>
<meta name="twitter:description" content="This is a test page."/>
<script type="application/ld+json">
    {
        "@context": "http://schema.org",
        "@type": "BlogPosting",
        "headline": "Test Page",
        "mainEntityOfPage": {
            "@type": "WebPage",
            "@id": "https:\/\/diraclee.gitee.io\/2019\/08\/test\/"
        },"image": {
                "@type": "ImageObject",
                "url": "https:\/\/diraclee.gitee.io\/cover.png",
                "width":  800 ,
                "height":  600 
            },"genre": "posts","keywords": "Hugo, 主题","wordcount":  507 ,
        "url": "https:\/\/diraclee.gitee.io\/2019\/08\/test\/","datePublished": "2019-08-04T22:49:56\x2b08:00","dateModified": "2019-08-17T22:41:56\x2b08:00","license": "This work is licensed under a Creative Commons Attribution-NonCommercial 4.0 International License.","publisher": {
                "@type": "Organization",
                "name": "xxxx",
                "logo": {
                "@type": "ImageObject",
                "url": "https:\/\/diraclee.gitee.io\/logo.png",
                "width":  127 ,
                "height":  40 
                }
            },"description": "This is a test page."
    }
    </script><link rel="stylesheet" href="/css/style.min.css"><link rel="stylesheet" href="/css/lib/fontawesome-free/all.min.css"><link rel="stylesheet" href="/css/lib/animate/animate.min.css"></head>
    <body><script>
            window.isDark = (window.localStorage && window.localStorage.getItem('theme')) === 'dark';
            window.isDark && document.body.classList.add('dark-theme');
        </script><div class="wrapper"><nav class="navbar">
    <div class="navbar-container">
        <div class="navbar-header animated bounceIn">
            <a href="https://diraclee.gitee.io">Dirac Lee</a>
        </div>
        <div class="navbar-menu"><a class="menu-item" href="https://diraclee.gitee.io/posts" title="">文章</a><a class="menu-item" href="https://diraclee.gitee.io/tags" title="">标签</a><a class="menu-item" href="https://diraclee.gitee.io/categories" title="">分类</a><a class="menu-item" href="https://diraclee.gitee.io/about" title="">关于</a><a class="menu-item" href="https://diraclee.gitee.io" title="English"><i class="fas fa-language fa-fw"></i></a><a href="javascript:void(0);" class="theme-switch"><i class="fas fa-adjust fa-rotate-180 fa-fw" title="切换主题"></i></a>
        </div>
    </div>
</nav><nav class="navbar-mobile">
    <div class="navbar-container">
        <div class="navbar-header">
            <div class="navbar-header-title animated bounceIn">
                <a href="https://diraclee.gitee.io">Dirac Lee</a>
            </div>
            <div class="menu-toggle" id="menu-toggle">
                <span></span><span></span><span></span>
            </div>
        </div>
        <div class="navbar-menu" id="mobile-menu"><a class="menu-item" href="https://diraclee.gitee.io/posts" title="">文章</a><a class="menu-item" href="https://diraclee.gitee.io/tags" title="">标签</a><a class="menu-item" href="https://diraclee.gitee.io/categories" title="">分类</a><a class="menu-item" href="https://diraclee.gitee.io/about" title="">关于</a><a class="menu-item" href="https://diraclee.gitee.io" title="English"></a><a href="javascript:void(0);" class="theme-switch"><i class="fas fa-adjust fa-rotate-180 fa-fw" title="切换主题"></i></a>
        </div>
    </div>
</nav><main class="main">
                <div class="container"><article class="page"><h1 class="post-title animated flipInX">Test Page</h1><div class="post-meta">
            <div class="post-meta-main"><a class="author" href="https://diraclee.gitee.io" rel="author" target="_blank">
                    <i class="fas fa-user-circle fa-fw"></i>Dirac Lee
                </a>&nbsp;<span class="post-category">收录于&nbsp;<i class="far fa-folder fa-fw"></i><a href="https://diraclee.gitee.io/categories/%E9%A2%84%E8%A7%88/">预览</a>&nbsp;</span></div>
            <div class="post-meta-other"><i class="far fa-calendar-alt fa-fw"></i><time datetime=2019-08-04>2019-08-04</time>&nbsp;
                <i class="fas fa-pencil-alt fa-fw"></i>约 507 字&nbsp;
                <i class="far fa-clock fa-fw"></i>预计阅读 2 分钟&nbsp;</div>
        </div><div class="post-toc" id="post-toc">
                <h2 class="post-toc-title">目录</h2>
                <div class="post-toc-content"><nav id="TableOfContents">
  <ul>
    <li><a href="#this-is-a-test-page">This is a test page</a></li>
    <li><a href="#test-echarts">Test ECharts</a></li>
    <li><a href="#test-mermaid">Test Mermaid</a></li>
    <li><a href="#test-ruby">Test Ruby</a></li>
    <li><a href="#test-music">Test Music</a></li>
    <li><a href="#test-toc">Test Toc</a>
      <ul>
        <li><a href="#toc1">Toc1</a>
          <ul>
            <li><a href="#toc-1-1">Toc 1-1</a></li>
            <li><a href="#toc-1-2">Toc 1-2</a></li>
            <li><a href="#toc-1-3">Toc 1-3</a></li>
          </ul>
        </li>
        <li><a href="#toc2">Toc2</a>
          <ul>
            <li><a href="#toc-2-1">Toc 2-1</a></li>
            <li><a href="#toc-2-2">Toc 2-2</a></li>
          </ul>
        </li>
        <li><a href="#toc3">Toc3</a></li>
      </ul>
    </li>
    <li><a href="#test-table">Test Table</a></li>
    <li><a href="#test-kbd">Test kbd</a></li>
    <li><a href="#test-mixed-lists">Test Mixed Lists</a></li>
    <li><a href="#test-fa-font-awesome">Test fa (Font Awesome)</a></li>
    <li><a href="#test-footnote">Test Footnote</a></li>
    <li><a href="#test-admonition">Test Admonition</a></li>
    <li><a href="#test-highlight">Test Highlight</a></li>
    <li><a href="#test-typeit">Test Typeit</a></li>
    <li><a href="#test-img">Test Img</a></li>
    <li><a href="#test-align">Test Align</a></li>
    <li><a href="#test-katex">Test Katex</a></li>
  </ul>
</nav></div>
            </div>
            <div class="post-toc-mobile" id="post-toc-mobile">
                <details>
                    <summary>
                        <div class="post-toc-title">
                            <span>目录</span>
                            <span><i class="details icon fas fa-angle-down"></i></span>
                        </div>
                    </summary>
                    <div class="post-toc-content"><nav id="TableOfContentsMobile">
  <ul>
    <li><a href="#this-is-a-test-page">This is a test page</a></li>
    <li><a href="#test-echarts">Test ECharts</a></li>
    <li><a href="#test-mermaid">Test Mermaid</a></li>
    <li><a href="#test-ruby">Test Ruby</a></li>
    <li><a href="#test-music">Test Music</a></li>
    <li><a href="#test-toc">Test Toc</a>
      <ul>
        <li><a href="#toc1">Toc1</a>
          <ul>
            <li><a href="#toc-1-1">Toc 1-1</a></li>
            <li><a href="#toc-1-2">Toc 1-2</a></li>
            <li><a href="#toc-1-3">Toc 1-3</a></li>
          </ul>
        </li>
        <li><a href="#toc2">Toc2</a>
          <ul>
            <li><a href="#toc-2-1">Toc 2-1</a></li>
            <li><a href="#toc-2-2">Toc 2-2</a></li>
          </ul>
        </li>
        <li><a href="#toc3">Toc3</a></li>
      </ul>
    </li>
    <li><a href="#test-table">Test Table</a></li>
    <li><a href="#test-kbd">Test kbd</a></li>
    <li><a href="#test-mixed-lists">Test Mixed Lists</a></li>
    <li><a href="#test-fa-font-awesome">Test fa (Font Awesome)</a></li>
    <li><a href="#test-footnote">Test Footnote</a></li>
    <li><a href="#test-admonition">Test Admonition</a></li>
    <li><a href="#test-highlight">Test Highlight</a></li>
    <li><a href="#test-typeit">Test Typeit</a></li>
    <li><a href="#test-img">Test Img</a></li>
    <li><a href="#test-align">Test Align</a></li>
    <li><a href="#test-katex">Test Katex</a></li>
  </ul>
</nav></div>
                </details>
            </div><div class="post-content"><a class="post-dummy-target" id="this-is-a-test-page"></a><h2>This is a test page</h2>
<a class="post-dummy-target" id="fnref:1"></a><p>Test all features in development<sup><a href="#fn:1" class="footnote-ref" role="doc-noteref">1</a></sup>.</p>
<a class="post-dummy-target" id="test-echarts"></a><h2>Test ECharts</h2>
<div class="echarts" id="echarts-3eefe4eaac053a74bf09ee1dcf1cfc06"></div>
<a class="post-dummy-target" id="test-mermaid"></a><h2>Test Mermaid</h2>
<div class="mermaid" id="mermaid-6711e744780d7bbc2eeef32a4128940f"></div>
<a class="post-dummy-target" id="test-ruby"></a><h2>Test Ruby</h2>
<p>人最重要的特点是会思考，建站初衷无非是保存思维的电子快照。
当然各种文档工具亦或是简单的文本编辑器也能随时记录点滴，
选择建个人网站无非是想满足 <strong><ruby>技术爱好者<rt>Technology enthusiast</rt></ruby></strong> 的偏执。</p>
<a class="post-dummy-target" id="test-music"></a><h2>Test Music</h2>
<a class="post-dummy-target" id="test-toc"></a><h2>Test Toc</h2>
<p>Toc</p>
<a class="post-dummy-target" id="toc1"></a><h3>Toc1</h3>
<p>Toc</p>
<a class="post-dummy-target" id="toc-1-1"></a><h4>Toc 1-1</h4>
<p>Toc</p>
<a class="post-dummy-target" id="toc-1-2"></a><h4>Toc 1-2</h4>
<p>Toc</p>
<a class="post-dummy-target" id="toc-1-3"></a><h4>Toc 1-3</h4>
<p>Toc</p>
<a class="post-dummy-target" id="toc2"></a><h3>Toc2</h3>
<p>Toc</p>
<a class="post-dummy-target" id="toc-2-1"></a><h4>Toc 2-1</h4>
<p>Toc</p>
<a class="post-dummy-target" id="toc-2-2"></a><h4>Toc 2-2</h4>
<p>Toc</p>
<a class="post-dummy-target" id="toc3"></a><h3>Toc3</h3>
<p>Toc</p>
<a class="post-dummy-target" id="test-table"></a><h2>Test Table</h2>
<table>
<thead>
<tr>
<th align="left">Tables</th>
<th align="center">Are</th>
<th align="right">Cool</th>
</tr>
</thead>
<tbody>
<tr>
<td align="left">col 3 is</td>
<td align="center">right-aligned</td>
<td align="right">$1600</td>
</tr>
<tr>
<td align="left">col 2 is</td>
<td align="center">centered</td>
<td align="right">$12</td>
</tr>
<tr>
<td align="left">zebra stripes</td>
<td align="center">are neat</td>
<td align="right">$1</td>
</tr>
</tbody>
</table>
<a class="post-dummy-target" id="test-kbd"></a><h2>Test kbd</h2>
<p><kbd>ctrl</kbd>+<kbd>alt</kbd>+<kbd>del</kbd></p>
<a class="post-dummy-target" id="test-mixed-lists"></a><h2>Test Mixed Lists</h2>
<p>Mixed Lists</p>
<ul>
<li>item 1
<ul>
<li><i class="far fa-square fa-fw"></i>item A</li>
<li><i class="far fa-check-square fa-fw"></i>item B
more text
<ol>
<li>item a</li>
<li>itemb</li>
<li>item c</li>
</ol>
</li>
<li><i class="far fa-square fa-fw"></i>item C</li>
</ul>
</li>
<li>item 2</li>
<li>item 3</li>
</ul>
<p>Really Mixed Lists</p>
<ul>
<li>item 1
<ul>
<li><i class="far fa-square fa-fw"></i>item A</li>
</ul>
<ul>
<li>item B
more text
<ol>
<li>item a</li>
</ol>
<ul>
<li>itemb</li>
<li><i class="far fa-check-square fa-fw"></i>item c</li>
</ul>
</li>
</ul>
<ol>
<li>item C</li>
</ol>
</li>
</ul>
<ol>
<li>item 2</li>
</ol>
<ul>
<li><i class="far fa-square fa-fw"></i>item 3</li>
</ul>
<a class="post-dummy-target" id="test-fa-font-awesome"></a><h2>Test fa (Font Awesome)</h2>
<p><i class="fab fa-weixin fa-2x fa-fw"></i></p>
<a class="post-dummy-target" id="test-footnote"></a><h2>Test Footnote</h2>
<a class="post-dummy-target" id="fnref:2"></a><p>This is a footnote<sup><a href="#fn:2" class="footnote-ref" role="doc-noteref">2</a></sup></p>
<a class="post-dummy-target" id="test-admonition"></a><h2>Test Admonition</h2>
<div class="admonition quote"><p>biu biu biu.</p>
</div>
<div class="admonition quote"><p class="admonition-title"><i class="icon fas fa-quote-right"></i>I&#39;m title!</p><p>biu biu biu.</p>
</div>
<div class="admonition example"><p class="admonition-title"><i class="icon fas fa-list-ol"></i>I&#39;m title!</p><p>biu biu biu.</p>
</div>
<div class="admonition bug"><p class="admonition-title"><i class="icon fas fa-bug"></i>I&#39;m title!</p><p>biu biu biu.</p>
</div>
<div class="admonition danger"><p class="admonition-title"><i class="icon fas fa-skull-crossbones"></i>I&#39;m title!</p><p>biu biu biu.</p>
</div>
<div class="admonition failure"><p class="admonition-title"><i class="icon fas fa-times-circle"></i>I&#39;m title!</p><p>biu biu biu.</p>
</div>
<div class="admonition warning"><p class="admonition-title"><i class="icon fas fa-exclamation-triangle"></i>I&#39;m title!</p><p>biu biu biu.</p>
</div>
<div class="admonition question"><p class="admonition-title"><i class="icon fas fa-question-circle"></i>I&#39;m title!</p><p>biu biu biu.</p>
</div>
<div class="admonition success"><p class="admonition-title"><i class="icon fas fa-check-circle"></i>I&#39;m title!</p><p>biu biu biu.</p>
</div>
<div class="admonition tip"><p class="admonition-title"><i class="icon fas fa-lightbulb"></i>I&#39;m title!</p><p>biu biu biu.</p>
</div>
<div class="admonition info"><p class="admonition-title"><i class="icon fas fa-info-circle"></i>I&#39;m title!</p><p><strong>biu biu biu.</strong></p>
</div>
<div class="admonition note"><p class="admonition-title"><i class="icon fas fa-pencil-alt"></i>I&#39;m title!</p><p><strong>biu biu biu.</strong></p>
</div>
<div class="admonition abstract"><p class="admonition-title"><i class="icon fas fa-list-ul"></i>Test Admonition</p><p>This is a Admonition.</p>
</div>
<a class="post-dummy-target" id="test-highlight"></a><h2>Test Highlight</h2>
<p><code>ls</code> 命令</p>
<div class="highlight"><div class="chroma">
<table class="lntable"><tr><td class="lntd">
<pre class="chroma"><code><span class="lnt">1
</span><span class="lnt">2
</span><span class="lnt">3
</span><span class="lnt">4
</span><span class="lnt">5
</span><span class="lnt">6
</span><span class="lnt">7
</span><span class="lnt">8
</span><span class="lnt">9
</span></code></pre></td>
<td class="lntd">
<pre class="chroma"><code class="language-go" data-lang="go"><span class="c1">// You can edit this code!
</span><span class="c1">// Click here and start typing.
</span><span class="c1"></span><span class="kn">package</span> <span class="nx">main</span>

<span class="kn">import</span> <span class="s">&#34;fmt&#34;</span>

<span class="kd">func</span> <span class="nf">main</span><span class="p">()</span> <span class="p">{</span>
  <span class="nx">fmt</span><span class="p">.</span><span class="nf">Println</span><span class="p">(</span><span class="s">&#34;Hello, 世界&#34;</span><span class="p">,</span> <span class="s">&#34;Hello, 世界&#34;</span><span class="p">,</span> <span class="s">&#34;Hello, 世界&#34;</span><span class="p">,</span> <span class="s">&#34;Hello, 世界&#34;</span><span class="p">,</span> <span class="s">&#34;Hello, 世界&#34;</span><span class="p">,</span> <span class="s">&#34;Hello, 世界&#34;</span><span class="p">,</span> <span class="s">&#34;Hello, 世界&#34;</span><span class="p">,</span> <span class="s">&#34;Hello, 世界&#34;</span><span class="p">)</span>
<span class="p">}</span>
</code></pre></td></tr></table>
</div>
</div><ul>
<li>
<p>This is a list that contains multiple code blocks.</p>
<ul>
<li>
<p>Here is an indented block</p>
<div class="highlight"><div class="chroma">
<table class="lntable"><tr><td class="lntd">
<pre class="chroma"><code><span class="lnt">1
</span><span class="lnt">2
</span></code></pre></td>
<td class="lntd">
<pre class="chroma"><code class="language-fallback" data-lang="fallback">This will still be parsed
as a normal indented code block.
</code></pre></td></tr></table>
</div>
</div></li>
<li>
<p>Here is a fenced code block:</p>
<div class="highlight"><div class="chroma">
<table class="lntable"><tr><td class="lntd">
<pre class="chroma"><code><span class="lnt">1
</span><span class="lnt">2
</span></code></pre></td>
<td class="lntd">
<pre class="chroma"><code class="language-fallback" data-lang="fallback">This will still be parsed
as a fenced code block.
</code></pre></td></tr></table>
</div>
</div><blockquote>
<div class="highlight"><div class="chroma">
<table class="lntable"><tr><td class="lntd">
<pre class="chroma"><code><span class="lnt">1
</span><span class="lnt">2
</span></code></pre></td>
<td class="lntd">
<pre class="chroma"><code class="language-fallback" data-lang="fallback">Blockquotes?
Not a problem!
</code></pre></td></tr></table>
</div>
</div></blockquote>
</li>
</ul>
</li>
</ul>
<a class="post-dummy-target" id="test-typeit"></a><h2>Test Typeit</h2>
<div class=typeit>
    <div id=rtypeit-8dbb0d2e4b1f12cd9fa0e4bf7c5ffb39 hidden=true>Here is a story about love&hellip;</div><h3 id=typeit-8dbb0d2e4b1f12cd9fa0e4bf7c5ffb39></h3></div>

<div class=typeit>
    <div id=rtypeit-2a2552e28a05a788285c35f8c919d2cd hidden=true><span class="n">u</span><span class="o">.</span><span class="na">accepted</span><span class="o">();</span>&nbsp;<span class="c1">//&nbsp;</span><a href=/since/>2018/01/05</a><span class="c1">&nbsp;special</span><br /><span class="c1"></span><span class="kt">int</span>&nbsp;<span class="n">a</span>&nbsp;<span class="o">=</span>&nbsp;<span class="n">1</span><span class="o">;</span><br /></div>
        <div class="highlight" id=typeit-2a2552e28a05a788285c35f8c919d2cd></div></div>

<a class="post-dummy-target" id="test-img"></a><h2>Test Img</h2>
<p><figure><img src="/svg/loading.min.svg" data-sizes="auto" data-src="https://static.dillonzq.com/images/20190817130904-U6cPUk.jpg" alt="Gif" title="Title" class="lazyload"><figcaption class="image-caption">Title</figcaption></figure></p>
<a class="post-dummy-target" id="test-align"></a><h2>Test Align</h2>

<div class=align-right><p><strong>Test Text</strong></p>
</div>
<a class="post-dummy-target" id="test-katex"></a><h2>Test Katex</h2>
<p>$$ c = \pm\sqrt{a^2 + b^2} $$</p>
<p>Left \( c = \pm\sqrt{a^2 + b^2} \) Right</p>
<p>Left $ c = \pm\sqrt{a^2 + b^2} $ Right</p>
<p>$ \ce{CO2 + C -&gt; 2 CO} $</p>
<p>$ \ce{Hg^2+ -&gt;[I-] HgI2 -&gt;[I-] [Hg^{II}I4]^2-} $</p>
<section class="footnotes" role="doc-endnotes">
<hr>
<ol>
<li  role="doc-endnote"><p><a class="post-dummy-target" id="fn:1"></a><a href="https://www.google.com/">https://www.google.com/</a> <a href="#fnref:1" class="footnote-backref" role="doc-backlink">&#x21a9;&#xfe0e;</a></p>
</li>
<li  role="doc-endnote"><p><a class="post-dummy-target" id="fn:2"></a>This is a footnote <a href="#fnref:2" class="footnote-backref" role="doc-backlink">&#x21a9;&#xfe0e;</a></p>
</li>
</ol>
</section></div><div class="post-footer" id="post-footer">
    <div class="post-info">
        <div class="post-info-line">
            <div class="post-info-mod">
                <span>本文于 2019-08-17 更新</span>
            </div>
            <div class="post-info-license"></div>
        </div>
        <div class="post-info-line">
            <div class="post-info-md"></div>
            <div class="post-info-share"><span><a href="//twitter.com/share?url=https%3a%2f%2fdiraclee.gitee.io%2f2019%2f08%2ftest%2f&amp;text=Test%20Page&amp;via=xxxx" target="_blank" title="分享到 Twitter">
            <i class="fab fa-twitter fa-fw"></i>
        </a><a href="//www.facebook.com/sharer/sharer.php?u=https%3a%2f%2fdiraclee.gitee.io%2f2019%2f08%2ftest%2f" target="_blank" title="分享到 Facebook">
            <i class="fab fa-facebook-square fa-fw"></i>
        </a><a href="//reddit.com/submit?url=https%3a%2f%2fdiraclee.gitee.io%2f2019%2f08%2ftest%2f&amp;title=Test%20Page" target="_blank" title="分享到 Reddit">
            <i class="fab fa-reddit fa-fw"></i>
        </a></span></div>
        </div>
    </div>

    <div class="post-info-more">
        <section><span class="tag">
                        <a href="https://diraclee.gitee.io/tags/hugo/"><i class="fas fa-tag fa-fw"></i>&nbsp;Hugo</a>&nbsp;
                    </span><span class="tag">
                        <a href="https://diraclee.gitee.io/tags/%E4%B8%BB%E9%A2%98/"><i class="fas fa-tag fa-fw"></i>&nbsp;主题</a>&nbsp;
                    </span></section>
        <section>
            <span><a href="javascript:window.history.back();">返回</a></span>&nbsp;|&nbsp;<span><a href="https://diraclee.gitee.io">主页</a></span>
        </section>
    </div>

    <div class="post-nav">
            <a href="https://diraclee.gitee.io/2019/08/basic-markdown-preview/" class="next" rel="next" title="Markdown 基本语法预览">Markdown 基本语法预览<i class="fas fa-angle-right fa-fw"></i></a></div>
</div><div class="post-comment"></div>
    </article></div>
            </main><footer class="footer">
    <div class="copyright"><div class="copyright-line">由 <a href="https://gohugo.io/" target="_blank" rel="external nofollow noopener noreffer">Hugo</a> 强力驱动 | 主题 - <a href="https://github.com/dillonzq/LoveIt" target="_blank" rel="external nofollow noopener noreffer">LoveIt<i class="far fa-heart fa-fw"></i></a>
        </div>

        <div class="copyright-line"><i class="far fa-copyright fa-fw"></i><span itemprop="copyrightYear">2020</span><span class="author" itemprop="copyrightHolder">&nbsp;<a href="https://diraclee.gitee.io" target="_blank">Dirac Lee</a></span>&nbsp;|&nbsp;<span class="license"><a rel="license external nofollow noopener noreffer" href="https://creativecommons.org/licenses/by-nc/4.0/" target="_blank">CC BY-NC 4.0</a></span></div>
    </div>
</footer></div><a href="#" class="dynamic-to-top" id="dynamic-to-top" data-scroll>
            <span>&nbsp;</span>
        </a><script src="/js/lib/jquery/jquery.slim.min.js"></script><script src="/js/lib/lazysizes/lazysizes.min.js"></script><script src="/js/lib/smooth-scroll/smooth-scroll.polyfills.min.js"></script><script>window.scroll = new SmoothScroll('[data-scroll]', {speed: 300, speedAsDuration: true});</script><script src="/js/lib/typeit/typeit.min.js"></script><script>window.typeitArr=[["typeit-8dbb0d2e4b1f12cd9fa0e4bf7c5ffb39","typeit-2a2552e28a05a788285c35f8c919d2cd"]];</script><link rel="stylesheet" href="/css/lib/katex/katex.min.css"><script src="/js/lib/katex/katex.min.js"></script><script defer src="/js/lib/katex/auto-render.min.js"></script><link rel="stylesheet" href="/css/lib/katex/copy-tex.min.css"><script defer src="/js/lib/katex/copy-tex.min.js"></script><script defer src="/js/lib/katex/mhchem.min.js"></script><script>
        document.addEventListener("DOMContentLoaded", function () {
            renderMathInElement(document.body, {
                delimiters: [
                    { left: "$$", right: "$$", display: true },
                    { left: "\\(", right: "\\)", display: false },
                    { left: "\\[", right: "\\]", display: true },{ left: "$", right: "$", display: false },]
            });
        });
    </script><script src="/js/lib/mermaid/mermaid.min.js"></script><script>mermaid.initialize({startOnLoad: false, theme: null});</script><script>window.mermaidMap={"mermaid-6711e744780d7bbc2eeef32a4128940f":"classDiagram\n    Animal \u003c|-- Duck\n    Animal \u003c|-- Fish\n    Animal \u003c|-- Zebra\n    Animal : +int age\n    Animal : +String gender\n    Animal: +isMammal()\n    Animal: +mate()\n    class Duck{\n        +String beakColor\n        +swim()\n        +quack()\n    }\n    class Fish{\n        -int sizeInFeet\n        -canEat()\n    }\n    class Zebra{\n        +bool is_wild\n        +run()\n    }"};</script><script src="/js/lib/echarts/echarts.min.js"></script><script src="/js/lib/echarts/macarons.min.js"></script><script>
            window.echartsMap = {"echarts-3eefe4eaac053a74bf09ee1dcf1cfc06": {
title : {
    text: '某站点用户访问来源',
    subtext: '纯属虚构',
    x:'center'
},
tooltip : {
    trigger: 'item',
    formatter: "{a} <br/>{b} : {c} ({d}%)"
},
legend: {
    orient: 'vertical',
    left: 'left',
    data: ['直接访问','邮件营销','联盟广告','视频广告','搜索引擎']
},
series : [
    {
        name: '访问来源',
        type: 'pie',
        radius : '55%',
        center: ['50%', '60%'],
        data:[
            {value:335, name:'直接访问'},
            {value:310, name:'邮件营销'},
            {value:234, name:'联盟广告'},
            {value:135, name:'视频广告'},
            {value:1548, name:'搜索引擎'}
        ],
        itemStyle: {
            emphasis: {
                shadowBlur: 10,
                shadowOffsetX: 0,
                shadowColor: 'rgba(0, 0, 0, 0.5)'
            }
        }
    }
]
},};
            window.echartsArr = [];
        </script><script src="/js/blog.min.js"></script></body>
</html>